<!--Generate by Kevin's CodeBuilder -->
<!--请注意！这里是页面片段，定义的标签ID，js变量不要与index.html列表页面重复-->
<!--如果是较复杂的页面，可以修改window的数据类型(dataType: iframe),然后将form.html改为完整的页面,实现iframe隔离，需要修改curdObj的访问方式为parent.curdObj-->
<div id="form_container" class="form_container" style="padding-top:25px;">
		<!--利用隐藏的id标签区分是新增/编辑-->
		<input type="hidden" id="id" name="id" th:value="*{id}"/>
		<input type="hidden" id="old_funcCode" name="old_funcCode" value=""/>
		<table class="form_table">
				<tr>
					<td class="label label30">[(${Lang.func_menu})]</td>
					<td><input id="menuId" name="menuId" class="form_input form_input50" type="text"/></td>
				</tr>
				<tr>
					<td class="label label30">[(${Lang.func_funcCode})]</td>
					<td><input id="funcCode" name="funcCode" class="form_input form_input50" type="text"/></td>
				</tr>
				<tr>
					<td class="label label30">[(${Lang.func_funcDesc})]</td>
					<td><input id="funcDesc" name="funcDesc" class="form_input form_input50" type="text"/></td>
				</tr>
				<tr>
					<td class="label label30">[(${Lang.func_isLog})]</td>
					<td>						
						<label class="k_radio_label k_radio_anim">
                            <input type="radio" name="isLog" value="1" /><i class="k_radio_i"></i>[(${Lang.common_yes})]
                        </label>
                        <label class="k_radio_label k_radio_anim">
                            <input type="radio" name="isLog" value="0" checked="checked"/><i class="k_radio_i"></i>[(${Lang.common_no})]
                        </label>					
					</td>
				</tr>
				<tr>
					<td class="button_td" colspan="2">
						<button id="button_submit" class="common_button"><i class="fa fa-floppy"></i>[(${Lang.common_save})]</button>
						<button id="button_goback"  class="common_button"><i class="fa fa-reply-all"></i>[(${Lang.common_goback})]</button>
					</td>
				</tr>
		</table>
</div>
<script type="application/javascript" th:inline="javascript">
		var $form,
			entityJson,
			vm,
			idValue;//用于区分新增,编辑
		$(function(){
			$form = $("#form_container");
			idValue = $form.find("#id").val();
			
			//创建树
			var opts = {
			        data: [(${menuJson})],//数据 参考树数据
		            default: {
		                "id": '',
		                "text": "[(${Lang.common_pleaseSelected})]"
		            },
		            placeholder: "[(${Lang.common_pleaseSelected})]", //默认选择项目
	                nodeParentIcon: 'fa-folder-empty',//父节点图标关闭状态
	                nodeParentOpenIcon: 'fa-folder-open-empty',      //打开状态图标
	                leafNodeIcon: 'fa-doc',                //子节点图标
		            checkox:false,
		            mutilChecked:false,	          
		            checkfather: false, // 单选的时候，是否可以选择父节点
		            readonly: true, //不可以编辑                
		            plainStyle: false, //\"true\" 为简单无图标样式
		            textField: 'text', //菜单名称字段，默认为text
		            idField: 'id', //菜单id字段,默认为id
		      };
			
			/**创建mvvm表单，将实体json绑定到表单**/
			if(idValue === ""){
				entityJson = $B.parseForm($form);
			}else{
				entityJson = [(${entityJson})];
				opts.default = {id:entityJson.menuId,text:entityJson.extFeildsMap.menuText};
				console.log(entityJson);
			}			

			new $B.Combox($("#menuId"), opts);
			vm = $B.bindForm($form, entityJson);/***将实体数据绑定为mvvm表单***/
			/**绑定事件**/
			$form.find("#button_goback").click(function(){
				curdObj.closeWindow();
			});
			
			//创建校验
			var validObj = new $B.Validate({
				menuId: [{rule:'require'}],
				funcCode: [{rule:'require'}],
				funcDesc: [{rule:'require'}]
            }, $form);
			
			$form.find("#button_submit").submit(function(){
				//提交表单数据
				var isPast = validObj.valid();				
				if(isPast){
					if(idValue === ""){
						curdObj.add(vm.getJson());
					}else{
						curdObj.update(vm.getJson());
					}
				}
			});
		});
</script>
